<template>
  <div class="home-bottom">
    <div class="num-trend box">
      <moduleLeft title="综合数据库" :clipsmall="false">
        <div class="content" id="num-trend-chart"></div>
      </moduleLeft>
    </div>
  </div>
</template>

<script>
import { mixins } from "./js/mixins";
export default {
  name: "homeBottom",
  mixins: [mixins],
  data() {
    return {};
  },
  mounted() {
    this.initNumTrend();
  },
  methods: {
    initNumTrend() {
      let xdata =["9.19", "9.20", "9.21", "9.22", "9.23", "9.24", "9.25", "9.26", "9.27", "9.28", "9.29", "9.30"];
      let ydata = [
        {
          name: "高频事件分析",
          data: [40, 38, 32, 30, 28, 25, 16, 43, 15, 25, 23, 12],
          color: "#00A1FF",
        },
        {
          name: "人员数据分析",
          data: [25, 16, 43, 15, 25, 10, 16, 43, 15, 25, 30, 22],
          color: "#40E485",
        },
        {
          name: "企业数据分析",
          data: [25, 16, 43, 15, 25, 40, 38, 32, 30, 28, 16, 27],
          color: "#BA7132",
        },
      ];
      this.setNumTrend({ xdata, ydata }, "num-trend-chart");
    },
  },
};
</script>

<style scoped lang="scss">
.home-bottom {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  .num-trend {
    width: 100%;
    height: 100%;
    .content {
      height: calc(100% - 0px);
    }
  }
}
</style>
